<? include('header_checkout.php'); ?>

<section class="check">

    <div id="payment_insurance">

        <div class="payment">
            <h4>Calculation:</h4>
            <ul>
                <li><span class="label">900.32 €</span><span>Overnight accommodation</span></li>
                <li id="total"><span class="label">900.32 €</span><span> Total </span></li>
            </ul>
        </div>

        <div class="insurance">
            <h4>Insurance:</h4>
            <p>The quoted price does not include travel insurance and cancellation insurance. For your safety during your holidays, we would like to offer you a travel insurance package, and we also strongly recommend that you take an insurance policy in the event of a cancellation. </p>
            <br>
            <input type="checkbox"name="insurance"><label>YES - Send me an offer</label>

        </div>

    </div>

    <div class="sec">

        <div id="summary" class="secp clearfix">

            <img src="img/hotelastoria.jpg" alt="hotel astoria" width="200">

            <ul>
                <li class="section"><h4>Hotel Astoria</h4></li>
                <li>Location: <span>Budva, Montenegro</span></li>
                <li>Type of holiday home: <span>Hotel</span></li>
                <li>Number of persons: <span>adults: 2, teenagers: 0, children: 0, babies: 0</span></li>
                <li>Period: <span>13.08.2013 - 21.08.2013</span></li>
                <li class="change"><a href="javascript:">Change settings</a></li>

            </ul>

        </div><!-- /summary-->

        <div id="prices_tab" class="tabdiv clearfix">

            <div class="pull-left oneborder">
                <div class="clearfix">
                    <div class="persons form_prices pull-right">
                        <div class="inner_prices">
                            <h4>Please enter the number of persons:</h4>

                            <ul>
                                <li class="clearfix">
                                    <label>adults (18+)</label>
                                    <select name="adults" id="adults" class="valid">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                    </select>
                                </li>
                                <li class="clearfix">
                                    <label>teenagers (12-18):</label>
                                    <select name="teenagers" id="teenagers" class="valid">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                    </select>
                                </li>
                                <li class="clearfix">
                                    <label>children (3-11):</label>
                                    <select name="childrens" id="childrens" class="valid">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                    </select>
                                </li>
                                <li class="clearfix">
                                    <label>babies (0-2):</label> 
                                    <select name="babies" id="babies" class="valid">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                    </select>
                                </li>
                            </ul>
                        </div>
                    </div><!--persons-->

                    <div class="basic_service form_prices pull-left">
                        <div class="inner_prices">
                            <h4>Select the basic service:</h4>

                            <ul>
                                <li>
                                    <input type="radio" name="service" value="1" id="service" checked="checked">
                                    <label for="service">Overnight accommodation</label>
                                </li>
                            </ul>
                        </div>
                    </div><!--basic_service-->

                    <div class="dates form_prices pull-left">
                        <div class="inner_prices">
                            <h4>Define the date of your stay:</h4>

                            <ul>
                                <li class="clearfix">
                                    <input type="text" name="checkin" id="checkin">
                                    <label for="service">Date of arrival:</label>
                                </li>
                                <li class="clearfix">
                                    <input type="text" name="checkout" id="checkout">
                                    <label for="service">Date of departure:</label>
                                </li>
                            </ul>
                        </div>
                    </div><!--dates-->

                </div>    

                <div class="clearfix">
                    <div id="calculation" class="form_prices pull-left">
                        <div class="inner_prices">
                            <h4>Calculation:</h4>

                            <ul>
                                <li>Number of persons: <span>adults: 2, teenagers: 3, children: 0, babies: 4</span></li>
                                <li>Period: <span>10/07/2013 - 19/07/2013</span></li>
                                <li>Overnight accommodation: <span>1003.98 €</span></li>
                                <li class="total">Total: <span>903.58 €</span></li>
                            </ul>
                        </div>
                    </div>
                </div><!--calculation-->

            </div>

        </div><!--/prices_tab-->

    </div>

    <div class="hold_booknow">
        <input type="button" class="booknow" value="Book Now">  
    </div><!-- /booknow-->

</section>

<script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/libs/responsiveslides.min.js"></script>
<script src="js/libs/jquery-ui.min.js"></script>
<script src="js/libs/jquery.numeric.js"></script>
<script src="js/libs/jquery.jcarousel.min.js"></script>
<script src="js/libs/jquery.pikachoose.min.js"></script>
<script src="js/helper.js"></script>
<script src="js/search_box.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/details.js"></script>
</body>